<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/estilos.css" type="text/css" charset="utf-8"/>
        <script src="js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/formularioAlta.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div class="pagina">
            <%@include file="cabecera.jsp"%>
            <div class="cuerpo">

                <div class="altaFormulario contenedor">
                    <form action="./createNewUser" class="alta" method="post">
                        <p>
                            <label for="nombre">Nombre:</label>
                            <input name="nombre" class="nombre" type="text"/>
                        </p>
                        <p>
                            <label for="usuario">Nombre de usuario:</label>
                            <input name="usuario" class="usuario" type="text" />
                        </p>
                        <% if (request.getAttribute("nameIsTaken") != null) { %>
                        Error, ese nombre ya existe.
                        <% } %>
                        <p>
                            <label for="clave">Clave</label>
                            <input name="clave" class="clave" type="password" />
                        </p>
                        <p>
                            <label for="confirmacion">Repite la clave:</label>
                            <input name="confirmacion" class="confirmacion" type="password" />
                        </p>
                        <p>
                            <label for="direccion">Direccion:</label>
                            <input name="direccion" class="direccion" type="text"/>
                        </p>
                        <p>
                            <label for="formaDePago">Forma de pago:</label>
                            <select name="formaDePago">
                                <option value="">&nbsp;</option>
                                <option value="Tarjeta">Tarjeta</option>
                                <option value="Transferencia">Transferencia Bancaria</option>
                                <option value="Contrareembolso">Contrareembolso</option>
                            </select>
                        </p>
                        <p>
                            <label for="datosDePago">Datos de pago:</label>
                            <input name="datosDePago" class="datosDePago" type="text"/>
                        </p>
                        <p>
                            <span class="mediaColumna"> </span>
                            <input name="enviar" value="Enviar" class="boton" type="submit" />
                        </p>
                    </form>
                    <div class="clear"></div>
                </div>

            </div>
        <%@include file = "pie.jsp" %>
        </div>
    </body>
</html>
